<template>
  <div class="dialog-box">
    <Message
      v-for="(item,idx) in messages"
      :key="item.id"
      :item="item"
      :idx="idx"
    >
    </Message>
  </div>
</template>

<script>

import Message from "./Message";

export default {
  name: "Dialog",
  props: ["messages"], 
  components: {
    Message
  } 
};
</script>
<style scoped>

</style>
